<html>
	
<head>
	<title>被災地域ツイート収集機</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">	
	<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
	<style type="text/css">
		#body{
			margin:0px;
			padding:0px;
			border:none;
		}
		#frm{
			margin:0px;
			padding:0px;
			border-style:none;
			border-width:0px; 
		}
		#tbl{
			margin:0px;
			padding:0px;
			border:none 0px;
			width:100%;
		}
		#ifr1{
			margin:0px;
			padding:0px;
			border:none 0px;
			width:100%;
			height:400px;
		}
	</style>
	<script type="text/javascript" src='./maps.js'></script>
	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-3136996-9']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</head>
<body id="body" onload="init();">
<h1 id="title" style="margin:10px;">被災地域ツイート収集機</h1>
<hr/>
<table id="tbl">
	<tr>
		<td width="1%"><div id='map' style='width:480px;height:400px;'></div></td>
		<td><iframe id="ifr1" src="./lr_initial.html"></iframe></td>
	</tr>
</table>

<script type='text/javascript'>



var app;

function formatTree(i_md)
{
	var _t=this;
	function formatTreeB(i_md,i_parent, i_depth){
		var st
		for (var i = 0; i < i_md.length; i++) {
			var d = i_md[i];
			d.parent=i_parent;
			_t.addArea(d,i_depth);
			if (d.c == undefined) {
				continue;
			}
			var depth = i_depth + 1;
			formatTreeB(d.c,d, depth > 1 ? 1 : depth);
		}
	}
	formatTreeB(i_md,null,0);
}

function init()
{	
	function getListName(d){
		var r=d.p;
		if(d.parent!=null){
			r=getListName(d.parent)+r;
		}
		return r;
	}
	app=new mapApplication("map");
	app.onClick=function(e,d)
	{
		window.frames[0].location.href=
			"./lr.html?ti="+"地域A"+
			"&ac="+app.md_index[d.tw]+
			"&li="+getListName(d);
		app.last_url="http://twitter.com/#!/list/area_japan_lr/"+encodeURI(getListName(d));
	}
	app.jumpPage=function()
	{
		window.open(app.last_url);
	}	
	app.onMouseMove=function(e,d)
	{}
	{	//JSONP
		var script_node = document.createElement('script');
		script_node.src = "./region.js";
		document.body.appendChild(script_node);
	}

}
function jsonpRegionData(i_md,i_md_index)
{
	app.md_index=i_md_index;
	app.md=i_md;
	formatTree.apply(app,[i_md,i_md_index]);
	
}

</script>
<div width="100%" align="right">
<a href="javascript:app.jumpPage();">提供元アカウントのリストへ</a>
</div>


<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<div>
	<ul>
		<li>このサービスは、地域ごとのツイートをまとめ手表示するものです。地域が何を考えているのかが判ります。</li>	
		<li>連続操作すると、API制限を受けて(15分くらい？)更新が停止します。その場合は、リンクからツイッタータイムラインへ飛んでください。しばらくすれば復帰します。</li>	
		<li>地域分けは人力です。地域情報を発信しているアカウントを教えてください。</li>	
	</ul>
</div>
<div width="100%" align="right"></div>
</body>
</html>